{*
Template representing the gambio hub vault list
*}
{load_language_text section="gambio_hub" name="gambio_hub_text"}
{load_language_text section="buttons" name="button"}


{block name="vault_list"}
{block name="vault_list_title"}
<h1>{$gambio_hub_text.MODULE_PAYMENT_GAMBIO_HUB_VAULT_MANAGEMENT}</h1>
{/block}

{block name="vault_list_content"}
{if $vault_data|@count > 0}
{block name="vault_list_items"}
<div class="vault-list">
    {foreach from=$vault_data item=payment}
    {block name="vault_item"}
    <dl class="payment-method-row">
        <dt class="payment-method-header">
            <div class="payment-method-info">
                <div class="payment-image">
                    <img src="{$payment.IMAGE}" alt="{$payment.TYPE}" class="payment-logo">
                </div>
                <div class="payment-details">
                    {if $payment.TYPE == 'paypal'}
                    <div class="payment-info">
                        <div class="payment-title">PayPal Account</div>
                        <div class="payment-account">{$payment.ACCOUNT}</div>
                        {if $payment.NAME}
                        <div class="payment-name">{$payment.NAME}</div>
                        {/if}
                    </div>
                    {else}
                    <div class="payment-info">
                        {if $payment.TITLE}
                        <div class="payment-title">{$payment.MASKED_NUMBER}</div>
                        {else}
                        <div class="payment-title">{$payment.BRAND} Card</div>
                        {/if}
                        {if $payment.CARDHOLDER_NAME}
                        <div class="cardholder-name">{$payment.CARDHOLDER_NAME}</div>
                        {/if}
                        {if $payment.INFO_TEXT}
                        <div class="info-text">{$payment.INFO_TEXT}</div>
                        {/if}
                        {if $payment.IS_EXPIRED}
                        <div class="expired-warning">{$gambio_hub_text.MODULE_PAYMENT_GAMBIO_HUB_CARD_EXP_TEXT}</div>
                        {/if}
                    </div>
                    {/if}
                </div>
            </div>
        </dt>
        <dd class="button-container">
            <a href="{$payment.BUTTON_DELETE_URL}" class="btn btn-xs btn-default pull-right"
               title="{$button.delete}">
                {$button.delete}
            </a>
        </dd>
    </dl>
    {/block}
    {/foreach}
</div>
{/block}
{else}
{block name="vault_list_empty"}
<div class="no-payments-message">
    <p>{$gambio_hub_text.MODULE_PAYMENT_GAMBIO_HUB_VAULT_NOT_FOUND_DATA}</p>
</div>
{/block}
{/if}
{/block}

{block name="vault_list_buttons"}
<div class="row navigation-buttons">
    <div class="col-xs-6 col-sm-4 col-md-3">
        <a class="btn btn-default btn-block" href="{$BUTTON_BACK_LINK}"  title="{$button.back}">
            {$button.back}
        </a>
    </div>
</div>
{/block}
{/block}